<template>
  <el-container style="height:100%">
    <el-aside width="200px">
      <el-menu style="height: 100%" :router="true">
        <el-menu-item index="/">
          <span slot="title">查询管理</span>
        </el-menu-item>
        <el-menu-item index="/report/test/json">
          <span slot="title">查询测试</span>
        </el-menu-item>
        <el-menu-item index="/reportDb/list">
          <span slot="title">数据库管理</span>
        </el-menu-item>
        <el-menu-item index="/dictCategory/list">
          <span slot="title">字典管理</span>
        </el-menu-item>
        <el-submenu index="/tools">
          <span slot="title">工具</span>
          <el-menu-item index="/tools/error_log_format">
            <span slot="title">错误日志格式化</span>
          </el-menu-item>
          <el-menu-item index="/tools/map_tool">
            <span slot="title">地图查看</span>
          </el-menu-item>
        </el-submenu>
      </el-menu>
    </el-aside>
    <el-main style="height: 100%">
      <keep-alive include="ReportList,DictCategoryList">
        <router-view />
      </keep-alive>
    </el-main>
  </el-container>
</template>

<script>

export default {
  name: 'App',

  data() {
    return {}
  },
  mounted() {
    var token = this.$route.query['token']
    this.$store.dispatch('user/storeToken', token || '')
  },
  methods: {}
}
</script>

<style>
html{
  height: 100%;
}
 body{
  height: 97%;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

::-webkit-scrollbar
{
    width: 6px;  /*滚动条宽度*/
    height: 6px;  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    border-radius: 3px;  /*滚动条的背景区域的圆角*/
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 5px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}
</style>
